<template>
  <div>
    <div class="title">设备运行状态</div>
    <ul class="eqlist-h">
      <li>
        <span>设备名称</span><span>上工人</span><span>工序名称</span
        ><span>设备状态</span>
      </li>
    </ul>
    <ul class="eqlist">
      <li v-for="(item, index) in opseqdetail" :key="index">
        <span>{{ item.name }}</span
        ><span>{{ item.username }}</span
        ><span>{{ item.description }}</span
        ><span
          :style="{
            color: item.runtime == 'running' ? '#55e39f' : '#1edbfc',
          }"
          >{{ item.runtime == 'running' ? '运行' : '正常' }}</span
        >
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: '',
  props: {
    headerList: {
      type: Array,
      default: () => [],
    },
    opseqdetail: {
      type: Array,
      default: () => [],
    },
  },
  watch: {
    // dataList(newData) {
    //   this.config = {
    //     header: this.headerList,
    //     headerHeight: 26,
    //     data: newData,
    //     index: false,
    //     columnWidth: [110, 110, 200],
    //     align: ['left'],
    //     // headerBGC: '#0b9acf',
    //     headerBGC: '#06144f',
    //     oddRowBGC: '#06144f',
    //     evenRowBGC: '#15235c',
    //     waitTime: '5000',
    //     rowNum: 9,
    //   }
    // },
  },
  data() {
    return {
      config: null,
      num: {
        run: 10,
        wait: 6,
        off: 4,
      },
    }
  },
  mounted() {},
  methods: {},
}
</script>

<style lang="less" scoped>
.title {
  font-size: 16px;
  color: #fff;
  text-align: center;
  .px2vh(height, 50);
  .px2vw(width, 220);
  padding-top: 5px;

  /* background: linear-gradient(135deg, #286ae9, rgba(0, 0, 0, 0.1)); */
  margin-top: 6px;
  margin-bottom: 5px;

  background: url(../../assets/tit_bj.png) no-repeat;
  background-size: 100% 100%;
}
.eqlist {
  list-style: none;
  box-sizing: border-box;
  li {
    .px2vh(height, 50);
    .px2vh(line-height, 50);
    padding-top: 3px;
    span {
      display: inline-block;
      width: 25%;
      color: #ccc;
      font-size: 13px;
    }
  }
  li:nth-child(even) {
    background: #04214e;
  }
}
.eqlist-h {
  list-style: none;
  margin-bottom: 0px;
  li {
    .px2vh(height, 50);
    .px2vh(line-height, 50);
    padding-top: 3px;
    background: #04214e;
    span {
      display: inline-block;
      width: 25%;
      color: #ccc;
      font-size: 14px;
    }
  }
}
</style>
